<template>
<view class="user-promote-order">
    <tabs :active="active" :line-width="40" @change="onChange" :config="{activeColor: '#24A3FF', underLineColor: '#24A3FF'}">
        <tab v-for="(item, index) in order" :key="index" :title="item.name">
            <spread-order class="mt20" v-if="item.isShow" :type="item.type"></spread-order>
        </tab>
    </tabs>
</view>
</template>

<script>
// +----------------------------------------------------------------------
// | LikeShop100%开源免费商用电商系统
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | 开源版本可自由商用，可去除界面版权logo
// | 商业版本务必购买商业授权，以免引起法律纠纷
// | 禁止对系统程序代码以任何目的，任何形式的再发布
// | Gitee下载：https://gitee.com/likemarket/likeshopv2
// | 访问官网：https://www.likemarket.net
// | 访问社区：https://home.likemarket.net
// | 访问手册：http://doc.likemarket.net
// | 微信公众号：好象科技
// | 好象科技开发团队 版权所有 拥有最终解释权
// +----------------------------------------------------------------------
// | Author: LikeShopTeam
// +----------------------------------------------------------------------
import { userOrderPromoteOrder } from "@/utils/type";

export default {
  data() {
    return {
      order: [{
        name: "全部",
        type: userOrderPromoteOrder.ALL,
        isShow: false
      }, {
        name: "待返佣",
        type: userOrderPromoteOrder.WAIT_RETURN,
        isShow: false
      }, {
        name: "已结算",
        type: userOrderPromoteOrder.HANDLED,
        isShow: false
      }, {
        name: "已失效",
        type: userOrderPromoteOrder.INVALED,
        isShow: false
      }],
      active: userOrderPromoteOrder.ALL
    };
  },

  components: {

  },
  props: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let type = parseInt(options.type) || userOrderPromoteOrder.ALL;
    this.changeShow(type);
  },

  methods: {
    onChange(e) {
      this.changeShow(e);
    },

    changeShow(type) {
      const {
        order
      } = this;
      console.log('changeShow');
      let index = order.findIndex(item => {
        return item.type == type;
      });
      console.log(index);

      if (index != -1) {
        this.active = type;
        this.order[index].isShow = true
        console.log(this.order[index].isShow);
      }
    }

  }
};
</script>
<style>
/* pages/user_spread_order/user_spread_order.wxss */
</style>